<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../common/css/normalize.css">
    <link rel="stylesheet" href="../common/css/public.css">
    <link rel="stylesheet" href="../css/map/battle.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="../common/js/baidu.js"></script>
    <title>战斗</title>
</head>

<body>
    <div class="main">
        <div class="flex">
            <div class="left">
                <div class="user-logo">
                    <div class="top-img">
                        <div class="name">永恒之恋</div>
                    </div>
                    <div class="pet-center clearfix">
                        <div class="pet-img fl">
                            <div class="pet-logo"></div>
                        </div>
                        <div class="bar">
                            <div class="text">
                                <div class="hp-t">80000/100000</div>
                                <div class="mp-t">60000/100000</div>
                                <div class="exp-t">40000/100000</div>
                            </div>
                            <div class="o">
                                <div class="hp-o"></div>
                                <div class="mp-o"></div>
                                <div class="exp-o"></div>
                            </div>
                            <div class="c">
                                <div class="hp"></div>
                                <div class="mp"></div>
                                <div class="exp"></div>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-img">
                        <div class="pet-all">
                            <div class="pet-name">青影龙</div>
                            <div class="pet-grade">100级</div>
                        </div>
                    </div>
                </div>
                <div id="pet-bg-img" class="pet-bg-img">
                    <img src="../images/pethome/z166.gif">
                </div>
            </div>
            <div id="time" class="time">
                2
            </div>
            <div class="right">
                <div class="user-logo">
                    <div class="top-img">
                        <div class="name">妖精森林</div>
                    </div>
                    <div class="pet-center clearfix">
                        <div class="pet-img fl">
                            <div class="pet-logo"></div>
                        </div>
                        <div class="bar">
                            <div class="text">
                                <div class="hp-t">100000/100000</div>
                                <div class="mp-t">100000/100000</div>
                                <div class="exp-t">100000/100000</div>
                            </div>
                            <div class="o">
                                <div class="hp-o"></div>
                                <div class="mp-o"></div>
                                <div class="exp-o"></div>
                            </div>
                            <div class="c">
                                <div class="hp"></div>
                                <div class="mp"></div>
                                <div class="exp"></div>
                            </div>
                        </div>
                    </div>
                    <div class="bottom-img">
                        <div class="pet-all">
                            <div class="pet-name">圣破天</div>
                            <div class="pet-grade">100级</div>
                        </div>
                    </div>
                </div>
                <div id="e-pet-bg-img" class="e-pet-bg-img">
                    <img src="../images/pethome/z198.gif">
                </div>
            </div>
        </div>
        <div class="panel">
            <img src="../images/explore/zdzsk.gif">
        </div>
    </div>
    <script src="../js/battle.js"></script>
</body>

</html>